/**
 *  Created by clz on
 *  Function:
 *  Desc:
 */
import React, {Component} from 'react';
import {View, Text} from 'react-native';
//import Button from '@ant-design/react-native/lib/button';
import { Button,Flex, WingBlank, Popover,Pagination,WhiteSpace} from '@ant-design/react-native';
import px2dp from "../../px2dp";
const locale = {
    prevText: '上一步',
    nextText: '下一步',
};
export default class TestAntDesigin extends Component {
    constructor(props) {
        super(props);
        this.state = {
            popOverContent: ''
        };
    }

    render() {
        return (
            <View style={{flex: 1, backgroundColor: 'white'}}>
                {/*<Flex.Item>*/}
                {/*/!*两翼留白*!/*/}
                {/*<WingBlank size={"lg"}/>*/}
                {/*<View style={{backgroundColor: 'red', height: px2dp(20)}}/>*/}
                {/*<WingBlank size={"lg"}/>*/}
                {/*</Flex.Item>*/}
                {/*<Flex.Item style={{height:px2dp(80)}}>*/}
                {/*弹出小气泡*/}
                <View style={{marginTop: px2dp(50), marginLeft:px2dp(50)}}>
                    <Popover
                        style={{marginTop: px2dp(20)}}
                        overlay={
                            <Popover.Item value={"test"}>
                                <Text>弹出内容:test</Text>
                            </Popover.Item>
                        }
                        placement={'bottom'}
                        onSelect={v => {
                            this.setState({popOverContent: v})
                        }}
                    >
                        <Text>弹出小气泡测试{this.state.popOverContent}</Text>
                    </Popover>
                </View>
                <WingBlank size="lg">
                    <WhiteSpace size="lg" />
                    <Pagination total={5} current={1} locale={locale} />
                    
                </WingBlank>
            </View>
        );
    }

}
